<template>
  <div class="container">
    <!-- <ol>
      <li v-for="(item, index) in arr" :key="index"><h3>{{ item.name }}</h3></li>
    </ol> -->

    <div
      class="sub-coantier"
      title="超级无敌大怪兽在此！"  
    >
      超级无敌大怪兽在此！
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref, reactive } from "vue";



let arr = reactive([
  {
    name: "admin",
    age: 12,
  },
  {
    name: "root",
    age: 19,
  },
  {
    name: "alai",
    age: 200,
  },
  {
    name: "alai",
    age: 200,
  },
  {
    name: "alai",
    age: 200,
  },
  {
    name: "alai",
    age: 200,
  },
]);
</script>
<style scoped lang="scss">
.container {
  width: 600px;
  height: 600px;
  border: 2px solid red;

  .sub-coantier {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
</style>
